<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>purecss的例子</title>
        <link type="text/css" rel="stylesheet" href="css/purecss.css"/>
    </head>
    <body>
        <form class="pure-form">
            <input type="email" placeholder="邮箱"/>
            <input type="password" placeholder="密码"/>
            <button class="pure-button">登陆</button>
        </form>
       
         <div class="pure-menu pure-menu-open pure-menu-horizontal">
            <ul>
                <li><a href="#">主页</a></li>
                <li class="pure-menu-selected"><a href="#">Flickr</a></li>
                <li><a href="#">Messenger</a></li>
                <li><a href="#">Sports</a></li>
                <li><a href="#">Finance</a></li>
            </ul>
        </div>
        
        <div class="pure-menu pure-menu-open">
    <a class="pure-menu-heading">雅虎网站</a>

    <ul>
        <li><a href="#">Flickr</a></li>
        <li><a href="#">Messenger</a></li>
        <li><a href="#">Sports</a></li>
        <li><a href="#">Finance</a></li>
        <li class="pure-menu-heading">更多网站</li>
        <li><a href="#">Games</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">OMG!</a></li>
    </ul>
</div>
    </body>
</html>